import React from 'react';
import LoginForm from './LoginForm';
import { WindowControls } from '../WindowControls';
import './LoginPage.css';

const LoginPage = ({ onGoToRegister, onLogin }) => {
  return (
    <div className="login-page">
      <WindowControls 
        title="个人成果管理软件 - 登录" 
        backgroundColor="#ffffff99"
        textColor="#666666"
      />
      <div className="login-page__background">
        <div className="login-page__gradient-circle"></div>
      </div>
      <div className="login-page__content">
        <LoginForm onGoToRegister={onGoToRegister} onLogin={onLogin} />
      </div>
    </div>
  );
};

export default LoginPage;
